<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>测试D3</title>
	<script type="text/javascript" src="Static/js/jquery.min.js"></script>
	<script type="text/javascript" src="Static/js/d3.js"></script>
	<script type="text/javascript" src="Static/js/mytestd3.js"></script>
	
	<!--<script type="text/javascript" src="Static/js/D3Relations.js"></script>-->
	<style>
	
		
		path.link {  
			  fill: none;  
			  stroke: #666;  
			  stroke-width: 1.5px;  
		}
		
		path.link.relative {  
			  /*stroke-dasharray: 5,5,5;*/
			  stroke : orange;
			  opacity : 0.8
		}  
			  
		path.link.colleague {  
			  /*stroke-dasharray: 20,5,5;*/
			  stroke : blue;
			  opacity : 0.8
		}  
		path.link.neighbor {
			  /*stroke-dasharray: 10,10,5;*/
			  stroke : green;
			  opacity : 0.8
		}  
		
		.linetext {
			font-family: '微软雅黑',
			font-size: 14px ;
			/*font-family: SimSun;*/
			fill:black;
			font-weight:darkgrey;
			fill-opacity:1;
		}
	
	</style>
	
	
	<style>

		body {
		  font: 13px sans-serif;
		  position: relative;
		  /*width: 960px;*/
		  /*height: 500px;*/
		  /*background: green;*/
		}
		#chart{
			width: 100%;
			height: 100%;
			background: pink;
		}
		.node {
		  fill: #000;
		  cursor: pointer;
		  /*cursor: crosshair;*/
		}

		.node_selected {
		  fill: #ff7f0e;
		  stroke: #ff7f0e;
		}

		.drag_line {
		  stroke: #999;
		  stroke-width: 5;
		  pointer-events: none;
		}

		.drag_line_hidden {
		  stroke: #999;
		  stroke-width: 0;
		  pointer-events: none;
		}

		/*.link {
		  stroke: #999;
		  stroke-width: 5;
		  cursor: crosshair;
		}

		.link_selected {
		  stroke: #ff7f0e;
		}*/

	</style>
	
	
	<script type="text/javascript">
	$(function(){
		$.ajax({
			//url: "/D3Test/testDrawD3Relation?num=" + 1,
			url: "/D3Test/testDrawD3?num=" + 1,
			type: "get",
			dataType: "json",
			success: function (result) {
				testDrawD3(result);
				//DrawD3Relation(result);
			}
		})
	})

	
	</script>
</head>
<body>
<!--<div>
<input type="button" value="只看邻居关系" onclick="showNeighbors()"/>
<input type="button" value="只看同事关系" onclick="showColleagues()"/>
<input type="button" value="只看亲戚关系" onclick="showRelatives()"/>
<input type="button" value="全部展示" onclick="showAll()"/>
</div>

<div>
<input type="checkbox" id="A1234" name="people" onclick="showMe()" checked="checked" />A1234
<input type="checkbox" id="A2345" name="people" onclick="showMe()" checked="checked"/>A2345
<input type="checkbox" id="A3456" name="people" onclick="showMe()" checked="checked"/>A3456
<input type="checkbox" id="A4567" name="people" onclick="showMe()" checked="checked"/>A4567
<input type="checkbox" id="A7891" name="people" onclick="showMe()" checked="checked"/>A7891
</div>

--><div id="d3part" style="height:1080px; width:1900px">
</div>
<!--<script type="text/javascript" src="Static/js/force_view.js"></script>

--><!--<div class="myDiv">
	<div class="pink"></div>
	<div class="blue"></div>
	<div class="orange"></div>
</div>
--></body>
</html>
